<ion-view view-title="商品详情">

    <ion-header-bar class="bar-positive">
    	<a ng-href="#/tab/product" class="button">返回商品列表页面</a>
        <h1 class="title">商品详情</h1>
    </ion-header-bar>
    <ion-content>
        <div class="list card">
            <div class="item item-avatar">
               
                <h2>书名：{{book.title}}</h2>
                <p>作者：{{book.author}}</p>
                <p>价格：{{book.price}}</p>
				<p>{{book.pudate * 1000 | date:"yyyy-MM-dd HH:mm:ss"}}</p>
            </div>
            <div class="item item-image">
                 <!-- <img ng-src="http://192.168.206.10:8085/ionicDemo/PHP/images/{{book.images[0].image_name}}"> -->
                 <img ng-src="http://localhost:8085/ionic.Demo/PHP/images/{{book.images[0].image_name}}">
            </div>
			<div class="row">
	            <div class="col-sm-12">
	                <p ng-bind-html="bookx.desc"></p>
	            </div>
	        </div>
	        <div class="row">
            <h4>相关商品推荐</h4>
            <div class="col-sm-{{12/bookx.relation.length}}"
                 ng-repeat="relateBook in bookx.relation">
                <a ng-href="#/modifyContact/{{relateBook.relate_bookid}}">
                    <!-- <img ng-src="http://192.168.206.10:8085/ionicDemo/PHP/images/{{relateBook.images[0].image_name}}"  class="img-circle img-responsive" style="width:100%"> -->
                    <img ng-src="http://localhost:8085/ionic.Demo/PHP/images/{{relateBook.images[0].image_name}}"  class="img-circle img-responsive" style="width:100%">
                </a>
            </div>
        </div>
        </div>
    </ion-content>
    <ion-footer-bar class="bar-calm">
        <h1 class="title">底部</h1>
    </ion-footer-bar>
    
</ion-view>